function cutTabbar() {
        var isTrue = parseInt($('#clickSide').attr('value'));

        if (isTrue == 0) {
                $('.cut').css({
                        'width': '500px',
                        'height': '100vh',
                        'position': 'fixed'
                });
                $('.cut-svg').css({
                        'display': 'block'
                });
                $('#clickSide').attr('value', 1);
        } else {
                $('.cut').css({
                        'width': '0'
                });
                $('.cut-svg').css({
                        'display': 'none'
                });
                $('#clickSide').attr('value', 0);
        }

        return false;
}

function cutTabbar2() {
        var isTrue = parseInt($('#clickSide2').attr('value'));

        if (isTrue == 0) {
                $('.cut2').css({
                        'width': '500px',
                        'height': '100vh',
                        'position': 'fixed'
                });
                // $('.bar-btn').css({
                //         'display': 'block'
                // });
                $('#clickSide2').attr('value', 1);
        } else {
                $('.cut2').css({
                        'width': '0'
                });
                // $('.bar-btn').css({
                //         'display': 'none'
                // });
                $('#clickSide2').attr('value', 0);
        }

        return false;
}

function cutTabbar3() {
        var isTrue = parseInt($('#clickSide3').attr('value'));

        if (isTrue == 0) {
                $('.cut3').css({
                        'width': '500px',
                        'height': '100vh',
                        'position': 'fixed'
                });
                $('#clickSide3').attr('value', 1);
        } else {
                $('.cut3').css({
                        'width': '0'
                });
                $('#clickSide3').attr('value', 0);
        }

        return false;
}

function cutTabbar4() {
        var isTrue = parseInt($('#clickSide4').attr('value'));

        if (isTrue == 0) {
                $('.cut4').css({
                        'width': '500px',
                        'height': '100vh',
                        'position': 'fixed'
                });
                $('#clickSide4').attr('value', 1);
        } else {
                $('.cut4').css({
                        'width': '0'
                });
                $('#clickSide4').attr('value', 0);
        }

        return false;
}

function cutTabbar5() {
        var isTrue = parseInt($('#clickSide5').attr('value'));
        console.log(isTrue)
        if (isTrue == 0) {
                $('.cut5').css({
                        'width': '500px',
                        'height': '100vh',
                        'position': 'fixed'
                });
                $('#clickSide5').attr('value', 1);
        } else {
                $('.cut5').css({
                        'width': '0'
                });
                $('#clickSide5').attr('value', 0);
        }

        return false;
}

function cutTabbar6() {
        var isTrue = parseInt($('#clickSide6').attr('value'));
        console.log(isTrue)
        if (isTrue == 0) {
                $('.cut6').css({
                        'width': '500px',
                        'height': '100vh',
                        'position': 'fixed'
                });
                $('#clickSide6').attr('value', 1);
        } else {
                $('.cut6').css({
                        'width': '0'
                });
                $('#clickSide6').attr('value', 0);
        }

        return false;
}

function closeAll1() {
        cutTabbar2()
        cutTabbar()
}

function closeAll2() {
        cutTabbar3()
        cutTabbar()
}

function closeAll3() {
        cutTabbar4()
        cutTabbar()
}

function closeAll4() {
        cutTabbar5()
        cutTabbar()
}

function closeAll5() {
        cutTabbar6()
        cutTabbar()
}

$(function () {
        $("#myid").click(function () {
                if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
                        var $target = $(this.hash);
                        $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
                        if ($target.length) {
                                var targetOffset = $target.offset().top;
                                $('html,body').animate({
                                        scrollTop: targetOffset
                                }, 500);
                                return false;
                        }
                }
        });
});

window.onresize = function(){
 
        alert();
    }
    
